I came across this odd behavior where Add to Cart button displays just a string but it is not clickable, or focusable and it doesn't have the same colors when running Cypress test. I click on it in my script, navigate to cart page, and do some assertions but the test is not failing and it is marked as pass even though it doesn't do the navigation at all.

When I navigate to the page manually on any browser, Add to Cart button displays and functions as expected.

What could be the reason for this mismatch and is there a solution to the issue?

How it looks in Cypress browser :

How it looks in chrome browser :